.list-container{
    ul{
        background: #fff;
        li{       
            display: flex;
            height: 1.04rem;
            padding: .15rem .1rem;
            @include border(0 0 2px 0, #e8e8e8); 
           >img{            
            border: 1px solid  #e8e8e8;      
               width: .6rem;
               height: .6rem;
           }
           >div{
               padding-left: .1rem;
               flex: 1;
               overflow: hidden;
               h4{    
                   width: 100%;
                   display: flex;
                    
                   .spn{
                     display: inline-block;
                   display: flex;
                   width: 100%;
                   line-height: .15rem;
                   width: 100%;
                      i{
                    font-size: .15rem;
                    display: inline-block;
                    color: #333;
                    @include ellipsis( null,  1);  
                  } 
                  .ji{
                    color: red;
                    font-size: .13rem;
                    border: 1px solid red;
                   display: inline-block;
                    height: .15rem;
                    border-bottom-right-radius: .15rem;
                    border-bottom-left-radius: .15rem;
                   
                 }
                   }                  
                     
                 em{
                     display: inline-block;
                     right: .1rem;
                     font-size: .15rem;
                    min-width: .7rem;
                     text-align: right;
                     color: #fa0;
                 }
               }

               >p{
                   font-size: .13rem;
                   color: #666;
                   line-height: .2rem;
                   @include ellipsis( null,  1); 
                   width: 100%;
               }
               h5{
                   font-size: .13rem;
                   font-weight: normal;
                   color: #999;
               }
           }
        }
    }
    .head,
  .foot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .4rem;
  }

  .head img,
  .foot img {
    width: .16rem;
    height: .16rem;
    transition: transform 150ms;
    -webkit-transition: transform 150ms;
  }

  .head img {
    transform: rotate(180deg);
  }

  .up {
    transform: rotate(360deg) !important;
    -webkit-transform: rotate(360deg) !important;
  }

  .down {
    transform: rotate(180deg);
  }
}